<template>
  <div class="step-page">
    <van-form ref="formRef">
      <van-cell-group inset>
        <bob-select
          v-model:bindModel="submitForm.entpNo"
          label="发布企业"
          placeholder="请选择"
          :picker-list="businessList"
          :rules="[
            { required: true, message: '请选择发布企业', trigger: 'onChange' },
          ]"
        ></bob-select>
        <bob-select
          v-model:bindModel="submitForm.entpNo"
          label="商机主题"
          placeholder="请选择"
          :picker-list="businessList"
          :rules="[
            { required: true, message: '请选择商机主题', trigger: 'onChange' },
          ]"
        ></bob-select>
        <bob-select
          v-model:bindModel="submitForm.entpNo"
          label="商机类型"
          placeholder="请选择"
          :picker-list="businessList"
          :rules="[
            { required: true, message: '请选择商机类型', trigger: 'onChange' },
          ]"
        ></bob-select>
        <van-field name="radio" label="角色">
          <template #input>
            <van-radio-group v-model="submitForm.entpNo" direction="horizontal">
              <van-radio name="1">供给方</van-radio>
              <van-radio name="2">需求方</van-radio>
            </van-radio-group>
          </template>
        </van-field>
        <van-field name="stepper" label="有效期">
          <template #input>
            <van-stepper v-model="submitForm.entpNo" />
          </template>
        </van-field>
      </van-cell-group>
    </van-form>
  </div>
</template>

<script setup lang="ts">
import BobSelect from "@/components/BobSelect/index.vue";
const submitForm = ref<any>({});
const formRef = ref<any>();
const businessList = ref<any[]>([
  {
    text: "京东",
    value: "JD",
  },
]);

defineExpose({ formRef });
</script>

<style lang="scss" scoped>
.step-page {
  :deep(.van-field__label) {
    font-size: 16px;
  }

  :deep(.van-field__body) {
    font-size: 16px;
  }

  :deep(.van-cell-group--inset) {
    margin: 0;
  }

  :deep(.van-cell) {
    padding: 16px;
  }
}
</style>

